﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MinProjectTable</title>
    <link type="text/css" href="../base.css" rel="stylesheet">
    <link type="text/css" href="index.css" rel="stylesheet">
</head>
<body>
<nav>
    CSS Course by @Castle
</nav>

<div id="body">
    <h1 class="page-title">Mini Project:Style this table</h1>

    <table width="100%">
        <thead>
        <tr>
            <th>User ID</th>
            <th>Name</th>
            <th>Email</th>
            <th>Age</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>John@gamil.com</td>
            <td>21</td>
        </tr>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>John@gamil.com</td>
            <td>21</td>
        </tr>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>John@gamil.com</td>
            <td>21</td>
        </tr>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>John@gamil.com</td>
            <td>21</td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <th>User ID</th>
            <th>Name</th>
            <th>Email</th>
            <th>Age</th>
        </tr>
        </tfoot>
    </table>

</div>


</body>
</html>